
<script type="text/javascript">
    $(document).ready(function(){
        
       // cargar_Documento();
        document.getElementById('cliente').value=obtener_Nombre();    
    });
    function AnularDocumento1(){
       var tex=$('#cmbTipo option:selected').text();
       var tex2=$('#cmbDocumento option:selected').text();
       var tipo=$('#cmbTipo').val();
       var num=$('#cmbDocumento').val();
       var val;
       if(tipo=="0" || num=="0"){
                  alert("Debe seleccionar un documento");
       }else{
       if(tipo=="1" || tipo=="4"){
          val=confirm("Esta seguro que desea eliminar la "+tex+" numero:"+tex2);
          if(val){AnularDocumento();}          
       }else{
          val=confirm("Esta seguro que desea eliminar el "+tex+" numero:"+tex2);
          if(val){AnularDocumento();}  
       }
 
       }
    }
    function AnularDocumento(){
        var tipo=$('#cmbTipo').val();
        var NumDoc=$('#cmbDocumento').val();
        var accion='AnularDocumento';
        $('#documentoDetalleTable').each(function() {
            $(this).empty();
        });
        $.get("controladores/ajaxControlador.php",{accion:accion,tipo:tipo,NumDoc:NumDoc},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {                  
                cargar_Documentos();
            }
        });
    }

    function cargar_Documentos()
    {      
        var tipo=$('#cmbTipo').val();
        var fecha=$('#fecha').val();
        $('#cmbDocumento').each(function() {
            $(this).empty();
        });  
        $('#documentoDetalleHead').each(function() {
            $(this).empty();
        });
        $('#documentoDetalleTable').each(function() {
            $(this).empty();
        });
        var accion='cargarDocumentoAnular';
        $.get("controladores/ajaxControlador.php",{accion:accion,tipo:tipo,fecha:fecha},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {
                $('#cmbDocumento').append(resultado);
                var cmbDocumento=document.getElementById("cmbDocumento");
                cmbDocumento[0].selected =true;
            }
        });
    }
    function cargar_Documentos_Detalles1()
    { cargar_Documentos_Encabezado();
      cargar_Documentos_Detalles();
    }
    function cargar_Documentos_Encabezado()
    {   var tipo=$('#cmbTipo').val();
        $('#documentoDetalleHead').each(function() {
            $(this).empty();
        });
        
        var accion='cargarDocumentoHead';
        $.get("controladores/ajaxControlador.php",{accion:accion,tipo:tipo},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {
                $('#documentoDetalleHead').append(resultado);
            }
        });
    }
    function cargar_Documentos_Detalles()
    {   var tipo=$('#cmbTipo').val();
        var fecha=$('#fecha').val();
        var NumDoc=$('#cmbDocumento').val();
        var accion='cargarDocumentoDetalle';
       $('#documentoDetalleTable').each(function() {
            $(this).empty();
        });
        $.get("controladores/ajaxControlador.php",{accion:accion,tipo:tipo,fecha:fecha,NumDoc:NumDoc},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {
                $('#documentoDetalleTable').append(resultado);
            }
        });
    }
    
       $(function(){
       $('#cmbTipo').validate({
           rules: {
           'cmbTipo': { required: true, min: 1 }//,//minimo el valor 1 seleccionado
          // 'articulo': { required: true }
           },
       messages: {
           'cmbTipo': 'Debe seleccionar un Tipo'//,
           //'articulo': 'Debe ingresar el articulo'
            }
            });
        });

</script>
<!-- Breadcrumbs -->
<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <?php echo "<li><a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente'].">Men&uacute; cliente</a> <span class='divider'>&raquo;</span></li>"?>
    <li class="active">Anular Documento</li>
</ul>
<div class="col_12">

    <div class="col_12">
        <strong>Anular Documento</strong>
        <div class="pull-right">
            <?php echo "<a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente']."><input type='button' class='blue' value='Salir'/></a>"?>
        </div>
    </div>

    <div class="col_12">

        <form  action="index.php?accion=agregarClientesRegistroVisitaControlador&controlador=cliente" method="post" id="AnularDocumento" onSubmit="">
            <div id="wrapping" class="clearfix">
                
                <div class="col_12">
                    <div class="col_12"><label for="cliente">Cliente:</label>
                     <input readonly type="text" name="cliente" value=""id="cliente" placeholder="Cliente" autocomplete="off" tabindex="1" class="txtinput"/>
                     </div>
                    <div class="col_12"><label for="codigo">C&oacute;digo:</label>
                      <?php echo "<input  readonly type='text' name='codigo' value=".$_SESSION['IdCliente']." id='codigo' placeholder='Codigo' autocomplete='off' tabindex='1' class='txtinput'/>"?>
                    </div>
                    <div class="col_12"><label for="fecha">Fecha:</label> 
                      <input type="text" class="datepicker" id="fecha" name="datepicker"/>
                     </div>
                    <div class="col_12"><label for="tipo">Tipo: </label>
                      <section id="cbcTipo"> 
                            <select id="cmbTipo" name="cmbTipo" onChange='cargar_Documentos(this)' tabindex="4" class="selmenu">
                                <option value="0">Selecciona Una...</option>
                                <option value="1">FACTURA</option>
                                <option value="2">PEDIDO</option>
                                <option value="3">RECIBO</option>
                                <option value="4">DEVOLUCION</option>
                            </select>
                       </section>
                      </div> 
                    <div class="col_12"><label for="documento">Documento:
                       <section id="cbcDocumento"> 
                            <select id="cmbDocumento" name="cmbDocumento" onChange='cargar_Documentos_Detalles1(this)' tabindex="4" class="selmenu">
                                <option value="0">Selecciona Uno...</option>
                            </select>
                       </section>
                     </label> </div>
                    <div class="col_12">
                      <label for="fecha">Detalle de Documento:</label>
                    <div class="tab-pane active" id="tablaDetalledocumento">
                        <p>
                            Busqueda: <input id="filter" type="text" tabindex="3"/>
                            <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                            <span class="row-count"></span>
                        </p>
                 <table class="table demo" data-filter="#filter" data-page-size="10">
                 <thead id="documentoDetalleHead">
                </thead>  
                   <tbody id="documentoDetalleTable">
                            <!--Aqui se insertan lo tr generados por jquery mediante el metodo cargarFacturas()-->
                   </tbody>
                <tfoot class='hide-if-no-paging'>
                    <tr>
                        <td colspan='12'>
                            <div class='pagination pagination-centered'></div>
                        </td>
                    </tr>
                </tfoot>
                </table>
                </div>
                    <div class="pull-right">
                        <input type='button' onClick ='AnularDocumento1()' class='blue' value='Anular'/>
                    </div>
                </div>
                <br/>
            </div>
    </div>
    </form>    

    
</div>
</div>